<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>万锋商城</title>
</head>
<body>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <!--头部-->
    <header id="header">
        <div class="fl">
            <a href="">
                <img src="./assets/images/header_logo.png" alt="">
            </a>
        </div>
        <div class="fr">
            <a href="">
                <img src="./assets/images/header_app.png" alt="">
            </a>
        </div>
    </header>
    <!--搜索-->
    <section id="search">
        <input type="text" name="" placeholder="请输入你想比价的产品">
        <button>搜索</button>
    </section>
    <!--菜单-->
    <nav id="nav">
        <div class="container">
            <div class="col-xs-3">
                <a href="./pages/bjss.html">
                    <img src="./assets/images/ic_search.png" alt="比价搜索">
                </a>
                <p>比价搜索</p>
            </div>

            <div class="col-xs-3">
                <a href="./pages/sjk.html">
                    <img src="./assets/images/ic_cu.png" alt="省钱控">
                </a>
                <p>省钱控</p>
            </div>

            <div class="col-xs-3">
                <a href="./pages/gnzc.html">
                    <img src="./assets/images/ic_coudanpin.png" alt="国内折扣">
                </a>
                <p>国内折扣</p>
            </div>

            <div class="col-xs-3">
                <a href="./pages/bcj.html">
                    <img src="./assets/images/ic_bcj.png" alt="白菜价">
                </a>
                <p>白菜价</p>
            </div>
        </div>

        <div class="container">        
            <div class="col-xs-3">
                <a href="./pages/sjk.html">
                    <img src="./assets/images/haitao.png" alt="海淘折扣">
                </a>
                <p>海淘折扣</p>
            </div>

            <div class="col-xs-3">
                <a href="./pages/yhj.html">
                    <img src="./assets/images/ic_temai.png" alt="优惠券">
                </a>
                <p>优惠券</p>
            </div>

            <div class="col-xs-3">
                <a href="./pages/bjss.html">
                    <img src="./assets/images/ic_trend.png" alt="查历史价">
                </a>
                <p>查历史价</p>
            </div>

            <div class="col-xs-3">
                <a href="#">
                    <img src="./assets/images/gengduo.png" alt="更多">
                </a>
                <p>更多</p>
            </div>
        </div>

        <div class="container">
            <div class="col-xs-3">
                <a href="./pages/cdp.html">
                    <img src="./assets/images/ic_coudanpin.png" alt="凑单品">
                </a>
                <p>凑单品</p>
            </div>
            
            
            <div class="col-xs-3">
                <a href="./pages/bjss.html">
                    <img src="./assets/images/ic_kb.png" alt="口碑排行">
                </a>
                <p>口碑排行</p>
            </div>

            <div class="col-xs-3">
                <a href="./pages/spdh.html">
                    <img src="./assets/images/ic_mall.png" alt="商城导航">
                </a>
                <p>商城导航</p>
            </div>

            <div class="col-xs-3">
                <a href="./pages/ppdq.html">
                    <img src="./assets/images/ic_pp.png" alt="品牌大全">
                </a>
                <p>品牌大全</p>
            </div>
        </div>
    </nav>

    <!--折扣推荐-->
    <section id="discount">
        <span class="fl">超值折扣推荐</span>
        <a href="">
            <img src="./assets/images/more.png" class="fr" alt="">
        </a>
    </section>

    <!--商品-->
    <section id="product">
        <ul>
            <!-- <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li> -->
        </ul>
    </section>

    <!-- 底部 -->
    <section id="footer">
        <div class="more">
            <a href="">
                更多优惠信息&gt;&gt;
            </a>
        </div>
        <div class="chart">
            <span>品牌排行</span>
            <a href="">
                <img src="http://chst.vip:8081/for-stu/wfzh/images/more.png" alt="">
            </a>
        </div>
        <div class="login">
            <a href="">登入</a>
            <a href="">注册</a>
            <a href="">返回顶部</a>
        </div>
        <div class="bottom">
            <span>
                <a href="#">手机APP下载</a>
                <a href="#">万锋智慧商城手机版</a>
                <a href="#"></a>-- 掌上比价平台</a>
            </span>
            <p> chst.vip:8081/crm </p>
        </div>
    </div>
    
    <script src="./js/index.js"></script>
</body>
</html>